<style>
    .user-profile img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-right: 10px;
    }
</style>
<div class="col-md-12 col-sm-12 col-xs-12" v-cloak id="auditPageController" style="margin-top:10px;">
    <div class="x_panel">
        <div class="x_title">
            <h2 style="width:300px;">
                会员详情
                <small></small>
            </h2>
            <ul class="nav navbar-right panel_toolbox"></ul>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <br />
            <form class="form-horizontal form-label-left" id="validate">

                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        头像
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                            <img :src="entity.headImgPath" alt="">
                        </a>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        会员名称
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <span class="form-control  col-md-7 col-xs-12" v-html="entity.name"></span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        学号
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <span class="form-control  col-md-7 col-xs-12" v-html="entity.studentId"></span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        班级
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <span class="form-control  col-md-7 col-xs-12" v-if="entity.classes" v-html="entity.classes.name"></span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        学校
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <span class="form-control  col-md-7 col-xs-12" v-if="entity.schools" v-html="entity.schools.name"></span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        角色
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <span class="form-control  col-md-7 col-xs-12" v-if="entity.roles" v-html="entity.roles.roleName"></span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        审核状态
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <span class="form-control  col-md-7 col-xs-12" v-if="entity.status=='WaitAudit'">未审核</span>
                        <span class="form-control  col-md-7 col-xs-12" v-if="entity.status=='NoPass'">审核不通过</span>
                        <span class="form-control  col-md-7 col-xs-12" v-if="entity.status=='Normal'">审核通过</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                        <button class="btn btn-primary" type="button" v-on:click="pass(entity)">审核通过</button>
                        <button class="btn btn-primary" type="button" v-on:click="noPass(entity)">审核不通过</button>
                        <button class="btn btn-primary" type="button" v-on:click="close()">关闭</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script page-script="./dist/js/ClientPage/auditPage.js">
</script>